<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="com.pignest.hotel.system.Hotel" %><% String contextPath = request.getContextPath(); %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>暂无自助房间</title>
<script type="text/javascript" src="<%=contextPath%>/scripts/jquery.js"></script>
<style type="text/css">
body {
	background-color:#f0f0f0;
	overflow:hidden;
}
#body{
	display:block;
	width:600px;
	height:350px;
	margin:0 auto;
	background:#FFFFFF none repeat scroll 0 0;
	padding:14px 17px 25px;
	
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    
	padding-top:14px;
	position:relative;
}
#content {
	margin:2em auto 0;
	width:500px;
}
#content img {
	float:left;
	margin:0 25px 0 0;
}
#error-message {
	float:left;
	margin:1.5em 0 0;
	width:250px;
}
</style>
</head>
<body>
<div id="padding"></div>
<div id="body">
<div id="content">
  <img alt="" src="${pageContext.request.contextPath}/images/empty.jpg" style="width:200px;height:250px;"/>
  <div id="error-message">
    <h1>暂无房间</h1>
    <p>对不起，目前没有符合条件的自助房可用．</p>
    <p>请稍候重试，或者与酒店前台服务员联系．</p>
  </div>
</div>
</div>
<script type="text/javascript">
$(function(){
	var h = ($(document).height()-$("#body").height())/2 - 35;
	$("#padding").height(h + "px").show();
});
</script>
</body>
</html>
